
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-rule"></i>
                    <div class="name">规则_Nose</div>
                    <div class="fontclass">.icon-rule</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nv1"></i>
                    <div class="name">女</div>
                    <div class="fontclass">.icon-nv1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-thumb"></i>
                    <div class="name">缩略图</div>
                    <div class="fontclass">.icon-msnui-thumb</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangzhu"></i>
                    <div class="name">帮助反馈</div>
                    <div class="fontclass">.icon-bangzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontsound"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.icon-iconfontsound</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yiliao"></i>
                    <div class="name">医疗</div>
                    <div class="fontclass">.icon-yiliao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-home"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-home</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-poweroff"></i>
                    <div class="name">power off</div>
                    <div class="fontclass">.icon-poweroff</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodepaidui"></i>
                    <div class="name">我的排队</div>
                    <div class="fontclass">.icon-wodepaidui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-poweroff1"></i>
                    <div class="name">power-off</div>
                    <div class="fontclass">.icon-poweroff1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-favorite"></i>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">.icon-favorite</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugai"></i>
                    <div class="name">修改</div>
                    <div class="fontclass">.icon-xiugai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeshoucang"></i>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">.icon-wodeshoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qunliaoshi"></i>
                    <div class="name">群聊室</div>
                    <div class="fontclass">.icon-qunliaoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti1"></i>
                    <div class="name">qw-Order query</div>
                    <div class="fontclass">.icon-weibiaoti1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduocaidanxianxing"></i>
                    <div class="name">更多菜单-线性</div>
                    <div class="fontclass">.icon-gengduocaidanxianxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sandian"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-sandian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jindu"></i>
                    <div class="name">进度</div>
                    <div class="fontclass">.icon-jindu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daiwancheng"></i>
                    <div class="name">待完成</div>
                    <div class="fontclass">.icon-daiwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiashangbao"></i>
                    <div class="name">添加上报</div>
                    <div class="fontclass">.icon-tianjiashangbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeshoucang1"></i>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">.icon-wodeshoucang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiaoshoucang"></i>
                    <div class="name">取消收藏</div>
                    <div class="fontclass">.icon-quxiaoshoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi2"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiekuanchulichenggong2"></i>
                    <div class="name">借款_处理成功2</div>
                    <div class="fontclass">.icon-jiekuanchulichenggong2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-12"></i>
                    <div class="name">男</div>
                    <div class="fontclass">.icon-12</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-39"></i>
                    <div class="name">刷新</div>
                    <div class="fontclass">.icon-39</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-th-large-copy"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-th-large-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moreclass"></i>
                    <div class="name">moreclass</div>
                    <div class="fontclass">.icon-moreclass</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icmenumore"></i>
                    <div class="name">ic_menu_more</div>
                    <div class="fontclass">.icon-icmenumore</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiajiantou1"></i>
                    <div class="name">下箭头</div>
                    <div class="fontclass">.icon-xiajiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankangshenminxietangfuwu"></i>
                    <div class="name">健康_深敏血糖服务</div>
                    <div class="fontclass">.icon-jiankangshenminxietangfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouright"></i>
                    <div class="name">箭头1</div>
                    <div class="fontclass">.icon-jiantouright</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-et-more1"></i>
                    <div class="name">et-more1</div>
                    <div class="fontclass">.icon-et-more1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuojiantou"></i>
                    <div class="name">右箭头</div>
                    <div class="fontclass">.icon-zuojiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-settings2shezhi"></i>
                    <div class="name">settings2-设置</div>
                    <div class="fontclass">.icon-settings2shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-circleyuanquan"></i>
                    <div class="name">circle-圆圈</div>
                    <div class="fontclass">.icon-circleyuanquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuangxianyoujiantou"></i>
                    <div class="name">双线-右箭头</div>
                    <div class="fontclass">.icon-shuangxianyoujiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuangxianzuojiantou"></i>
                    <div class="name">双线-左箭头</div>
                    <div class="fontclass">.icon-shuangxianzuojiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-falvshengming1"></i>
                    <div class="name">法律声明</div>
                    <div class="fontclass">.icon-falvshengming1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconjia"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-iconjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduocaidan"></i>
                    <div class="name">更多菜单</div>
                    <div class="fontclass">.icon-gengduocaidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao"></i>
                    <div class="name">对号</div>
                    <div class="fontclass">.icon-duihao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujutu"></i>
                    <div class="name">数据图</div>
                    <div class="fontclass">.icon-shujutu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouleft"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantouleft</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyin"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.icon-yuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao2"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-haofangtuo400iconfontshezhi"></i>
                    <div class="name">好房拓 4.0.0 iconfont_设置</div>
                    <div class="fontclass">.icon-haofangtuo400iconfontshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxi"></i>
                    <div class="name">信息</div>
                    <div class="fontclass">.icon-xinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huizhen"></i>
                    <div class="name">会诊</div>
                    <div class="fontclass">.icon-huizhen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinanbingli"></i>
                    <div class="name">疑难病例</div>
                    <div class="fontclass">.icon-yinanbingli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti512"></i>
                    <div class="name">视频会诊</div>
                    <div class="fontclass">.icon-weibiaoti512</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiezhang"></i>
                    <div class="name">结账</div>
                    <div class="fontclass">.icon-jiezhang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanxuankuang2"></i>
                    <div class="name">圆选框4</div>
                    <div class="fontclass">.icon-yuanxuankuang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanxuankuang1"></i>
                    <div class="name">圆选框3</div>
                    <div class="fontclass">.icon-yuanxuankuang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipinhuizhen"></i>
                    <div class="name">视频会诊</div>
                    <div class="fontclass">.icon-shipinhuizhen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyishi"></i>
                    <div class="name">会议室申请</div>
                    <div class="fontclass">.icon-huiyishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saoma"></i>
                    <div class="name">扫码</div>
                    <div class="fontclass">.icon-saoma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buzhanchuangwei"></i>
                    <div class="name">单人床</div>
                    <div class="fontclass">.icon-buzhanchuangwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-keshi"></i>
                    <div class="name">科室</div>
                    <div class="fontclass">.icon-keshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi1"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoji1"></i>
                    <div class="name">标记</div>
                    <div class="fontclass">.icon-biaoji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-font57"></i>
                    <div class="name">确认</div>
                    <div class="fontclass">.icon-font57</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiekuanshenqing"></i>
                    <div class="name">申请</div>
                    <div class="fontclass">.icon-jiekuanshenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouquanweituoshu"></i>
                    <div class="name">授权委托书</div>
                    <div class="fontclass">.icon-shouquanweituoshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhihu"></i>
                    <div class="name">知乎</div>
                    <div class="fontclass">.icon-zhihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nv"></i>
                    <div class="name">女</div>
                    <div class="fontclass">.icon-nv</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nan"></i>
                    <div class="name">男</div>
                    <div class="fontclass">.icon-nan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-12tianjia"></i>
                    <div class="name">12添加</div>
                    <div class="fontclass">.icon-12tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiahao-copy"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.icon-jiahao-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xieya"></i>
                    <div class="name">血压</div>
                    <div class="fontclass">.icon-xieya</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yiyuan"></i>
                    <div class="name">医院</div>
                    <div class="fontclass">.icon-yiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaqian"></i>
                    <div class="name">价钱</div>
                    <div class="fontclass">.icon-jiaqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeye_wodeshoucang"></i>
                    <div class="name">我的页_我的收藏</div>
                    <div class="fontclass">.icon-wodeye_wodeshoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenti2"></i>
                    <div class="name">问题2</div>
                    <div class="fontclass">.icon-wenti2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus-datareport"></i>
                    <div class="name">数据报告</div>
                    <div class="fontclass">.icon-plus-datareport</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-digital"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-digital</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao1"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zujian"></i>
                    <div class="name">组件</div>
                    <div class="fontclass">.icon-zujian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiehuanjiaose"></i>
                    <div class="name">切换角色</div>
                    <div class="fontclass">.icon-qiehuanjiaose</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao"></i>
                    <div class="name">图标4</div>
                    <div class="fontclass">.icon-tubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendang1"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianhuyi"></i>
                    <div class="name">监护仪</div>
                    <div class="fontclass">.icon-jianhuyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiahao"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.icon-jiahao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushuju"></i>
                    <div class="name">基础数据</div>
                    <div class="fontclass">.icon-jichushuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test"></i>
                    <div class="name">别针</div>
                    <div class="fontclass">.icon-icon-test</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Mycollection"></i>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">.icon-Mycollection</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenti"></i>
                    <div class="name">wenti</div>
                    <div class="fontclass">.icon-wenti</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqian"></i>
                    <div class="name">标签</div>
                    <div class="fontclass">.icon-biaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youjiantou"></i>
                    <div class="name">右箭头</div>
                    <div class="fontclass">.icon-youjiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuojiantou1"></i>
                    <div class="name">左箭头</div>
                    <div class="fontclass">.icon-zuojiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huli"></i>
                    <div class="name">护理</div>
                    <div class="fontclass">.icon-huli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiuhuche"></i>
                    <div class="name">救护车</div>
                    <div class="fontclass">.icon-jiuhuche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichuxinxi"></i>
                    <div class="name">基础信息</div>
                    <div class="fontclass">.icon-jichuxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianhao1"></i>
                    <div class="name">减号</div>
                    <div class="fontclass">.icon-jianhao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-list_chukutongzhi"></i>
                    <div class="name">list_出库通知</div>
                    <div class="fontclass">.icon-list_chukutongzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhizhongxin"></i>
                    <div class="name">供方-设置中心</div>
                    <div class="fontclass">.icon-shezhizhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjian"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-wenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi11"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoujihaoma"></i>
                    <div class="name">手机号码</div>
                    <div class="fontclass">.icon-shoujihaoma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qunzu"></i>
                    <div class="name">群组</div>
                    <div class="fontclass">.icon-qunzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangkuai"></i>
                    <div class="name">方块</div>
                    <div class="fontclass">.icon-fangkuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao3"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-man"></i>
                    <div class="name">男</div>
                    <div class="fontclass">.icon-man</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yiyao"></i>
                    <div class="name">医药</div>
                    <div class="fontclass">.icon-yiyao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji2"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yao"></i>
                    <div class="name">药</div>
                    <div class="fontclass">.icon-yao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wanchengdingdan"></i>
                    <div class="name">完成订单</div>
                    <div class="fontclass">.icon-wanchengdingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti-"></i>
                    <div class="name">朋友圈</div>
                    <div class="fontclass">.icon-weibiaoti-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-falvshengming"></i>
                    <div class="name">法律声明</div>
                    <div class="fontclass">.icon-falvshengming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziliao"></i>
                    <div class="name">资料</div>
                    <div class="fontclass">.icon-ziliao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye1"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi2"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yanse"></i>
                    <div class="name">颜色</div>
                    <div class="fontclass">.icon-yanse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeshoucang2"></i>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">.icon-wodeshoucang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xindiantu1"></i>
                    <div class="name">心电图</div>
                    <div class="fontclass">.icon-xindiantu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dayin"></i>
                    <div class="name">打印</div>
                    <div class="fontclass">.icon-dayin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buju"></i>
                    <div class="name">布局</div>
                    <div class="fontclass">.icon-buju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinzenghuanzhe"></i>
                    <div class="name">新增患者</div>
                    <div class="fontclass">.icon-xinzenghuanzhe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaochengxuicon-"></i>
                    <div class="name">成功</div>
                    <div class="fontclass">.icon-xiaochengxuicon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewuguizeshezhi"></i>
                    <div class="name">业务规则设置</div>
                    <div class="fontclass">.icon-yewuguizeshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianriqi"></i>
                    <div class="name">时间日期</div>
                    <div class="fontclass">.icon-shijianriqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwuguanli"></i>
                    <div class="name">任务管理</div>
                    <div class="fontclass">.icon-renwuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiyongshuju"></i>
                    <div class="name">费用数据</div>
                    <div class="fontclass">.icon-feiyongshuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanzhe"></i>
                    <div class="name">患者</div>
                    <div class="fontclass">.icon-huanzhe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ene_mon_are_right"></i>
                    <div class="name">右箭头</div>
                    <div class="fontclass">.icon-ene_mon_are_right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ene_mon_are_left"></i>
                    <div class="name">左箭头</div>
                    <div class="fontclass">.icon-ene_mon_are_left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao4"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow2-right"></i>
                    <div class="name">箭头 右双-01</div>
                    <div class="fontclass">.icon-arrow2-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojishaicha"></i>
                    <div class="name">高级筛查</div>
                    <div class="fontclass">.icon-gaojishaicha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhenliao"></i>
                    <div class="name">诊疗</div>
                    <div class="fontclass">.icon-zhenliao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tijianyuyue"></i>
                    <div class="name">体检预约</div>
                    <div class="fontclass">.icon-tijianyuyue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti-1"></i>
                    <div class="name">死亡殡葬</div>
                    <div class="fontclass">.icon-weibiaoti-1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing"></i>
                    <div class="name"> _提醒</div>
                    <div class="fontclass">.icon-tixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saoma1"></i>
                    <div class="name">扫码</div>
                    <div class="fontclass">.icon-saoma1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tijianyuyue1"></i>
                    <div class="name">体检预约</div>
                    <div class="fontclass">.icon-tijianyuyue1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-meiyuejiesuan"></i>
                    <div class="name">每月结算</div>
                    <div class="fontclass">.icon-meiyuejiesuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi1"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon1"></i>
                    <div class="name">右箭头</div>
                    <div class="fontclass">.icon-icon1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushujuweihu"></i>
                    <div class="name">基础数据维护</div>
                    <div class="fontclass">.icon-jichushujuweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaochawenjuan"></i>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">.icon-tiaochawenjuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiafawenjuan"></i>
                    <div class="name">下发问卷</div>
                    <div class="fontclass">.icon-xiafawenjuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduo"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuang"></i>
                    <div class="name">床</div>
                    <div class="fontclass">.icon-chuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tijiao-fuben"></i>
                    <div class="name">提交 - 副本</div>
                    <div class="fontclass">.icon-tijiao-fuben</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingyongicon-"></i>
                    <div class="name">基础功能</div>
                    <div class="fontclass">.icon-yingyongicon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duomeitiguanli"></i>
                    <div class="name">多媒体管理</div>
                    <div class="fontclass">.icon-duomeitiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baogaochaxun"></i>
                    <div class="name">报告查询</div>
                    <div class="fontclass">.icon-baogaochaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenduji"></i>
                    <div class="name">体温计</div>
                    <div class="fontclass">.icon-wenduji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bingli1"></i>
                    <div class="name">病例</div>
                    <div class="fontclass">.icon-bingli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji5"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjuantiaocha"></i>
                    <div class="name">问卷调查</div>
                    <div class="fontclass">.icon-wenjuantiaocha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxi1"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xieyafenxi"></i>
                    <div class="name">血压分析</div>
                    <div class="fontclass">.icon-xieyafenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyue"></i>
                    <div class="name">预约</div>
                    <div class="fontclass">.icon-yuyue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paper-clip"></i>
                    <div class="name">曲别针</div>
                    <div class="fontclass">.icon-paper-clip</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-add"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-add</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-queren"></i>
                    <div class="name">确认</div>
                    <div class="fontclass">.icon-queren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dengjibiangeng"></i>
                    <div class="name">登记变更</div>
                    <div class="fontclass">.icon-dengjibiangeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shibai"></i>
                    <div class="name">失败</div>
                    <div class="fontclass">.icon-shibai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-right"></i>
                    <div class="name">左箭头</div>
                    <div class="fontclass">.icon-arrow-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daiban"></i>
                    <div class="name">待办-01</div>
                    <div class="fontclass">.icon-daiban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyue1"></i>
                    <div class="name">预约</div>
                    <div class="fontclass">.icon-yuyue1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bingli2"></i>
                    <div class="name">病例</div>
                    <div class="fontclass">.icon-bingli2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bingli"></i>
                    <div class="name">病例</div>
                    <div class="fontclass">.icon-bingli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoushudeng"></i>
                    <div class="name">手术灯</div>
                    <div class="fontclass">.icon-shoushudeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baogaochaxun1"></i>
                    <div class="name">报告查询</div>
                    <div class="fontclass">.icon-baogaochaxun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinzhang"></i>
                    <div class="name">印章</div>
                    <div class="fontclass">.icon-yinzhang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianchabaogao"></i>
                    <div class="name">检查报告</div>
                    <div class="fontclass">.icon-jianchabaogao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenti-m"></i>
                    <div class="name">问题-互动</div>
                    <div class="fontclass">.icon-wenti-m</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-clip"></i>
                    <div class="name">标签</div>
                    <div class="fontclass">.icon-clip</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-RMB"></i>
                    <div class="name">RMB,钱</div>
                    <div class="fontclass">.icon-RMB</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhiyebingbaogaoshangbao"></i>
                    <div class="name">职业病报告上报</div>
                    <div class="fontclass">.icon-zhiyebingbaogaoshangbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-scalpel"></i>
                    <div class="name">手术刀</div>
                    <div class="fontclass">.icon-scalpel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-thermometer"></i>
                    <div class="name">体温计</div>
                    <div class="fontclass">.icon-thermometer</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoji"></i>
                    <div class="name">标记</div>
                    <div class="fontclass">.icon-biaoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuangweishu"></i>
                    <div class="name">床位数</div>
                    <div class="fontclass">.icon-chuangweishu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanyunyingfenxishitu"></i>
                    <div class="name">安全运营分析视图</div>
                    <div class="fontclass">.icon-anquanyunyingfenxishitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-public-security"></i>
                    <div class="name">治安防控</div>
                    <div class="fontclass">.icon-public-security</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxi"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuanranbingshaichaguize"></i>
                    <div class="name">传染病筛查规则</div>
                    <div class="fontclass">.icon-chuanranbingshaichaguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxi-copy"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaqian-copy"></i>
                    <div class="name">价钱</div>
                    <div class="fontclass">.icon-jiaqian-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanfu"></i>
                    <div class="name">换肤</div>
                    <div class="fontclass">.icon-huanfu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendang"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nv11"></i>
                    <div class="name">女</div>
                    <div class="fontclass">.icon-nv11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sancedan"></i>
                    <div class="name">三测单</div>
                    <div class="fontclass">.icon-sancedan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyoujiantou"></i>
                    <div class="name">向右箭头</div>
                    <div class="fontclass">.icon-xiangyoujiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shibai1"></i>
                    <div class="name">失败</div>
                    <div class="fontclass">.icon-shibai1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-keshi-"></i>
                    <div class="name">科室-01</div>
                    <div class="fontclass">.icon-keshi-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mima"></i>
                    <div class="name">密码</div>
                    <div class="fontclass">.icon-mima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon--xitongshezhi"></i>
                    <div class="name">1-1系统设置</div>
                    <div class="fontclass">.icon--xitongshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy-copy"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou-copy-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caozuotai"></i>
                    <div class="name">操作台</div>
                    <div class="fontclass">.icon-caozuotai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyanjilu"></i>
                    <div class="name">检验记录</div>
                    <div class="fontclass">.icon-jianyanjilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaxun1"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.icon-chaxun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaxun"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.icon-chaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhiye"></i>
                    <div class="name">职业</div>
                    <div class="fontclass">.icon-zhiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaofeijilu"></i>
                    <div class="name">缴费记录</div>
                    <div class="fontclass">.icon-jiaofeijilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Finaldraft-qitaxinxi"></i>
                    <div class="name">Final draft-其他信息</div>
                    <div class="fontclass">.icon-Finaldraft-qitaxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangzhengchufa"></i>
                    <div class="name">行政处罚</div>
                    <div class="fontclass">.icon-hangzhengchufa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pull_down"></i>
                    <div class="name">下拉箭头</div>
                    <div class="fontclass">.icon-pull_down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianjiqi_zitiyanse"></i>
                    <div class="name">编辑器_字体颜色</div>
                    <div class="fontclass">.icon-bianjiqi_zitiyanse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangzhuwendang"></i>
                    <div class="name">帮助文档</div>
                    <div class="fontclass">.icon-bangzhuwendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nan1"></i>
                    <div class="name">男</div>
                    <div class="fontclass">.icon-nan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nv2"></i>
                    <div class="name">女</div>
                    <div class="fontclass">.icon-nv2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-medical_technology"></i>
                    <div class="name">医技</div>
                    <div class="fontclass">.icon-medical_technology</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caozuo2"></i>
                    <div class="name">操作</div>
                    <div class="fontclass">.icon-caozuo2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy-copy-copy"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou-copy-copy-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyoujiantou1"></i>
                    <div class="name">向右箭头</div>
                    <div class="fontclass">.icon-xiangyoujiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingshenbing"></i>
                    <div class="name">精神病</div>
                    <div class="fontclass">.icon-jingshenbing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-manbing"></i>
                    <div class="name">慢病</div>
                    <div class="fontclass">.icon-manbing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuxieshenqing"></i>
                    <div class="name">输血申请</div>
                    <div class="fontclass">.icon-shuxieshenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xieyejiancha"></i>
                    <div class="name">血液检查</div>
                    <div class="fontclass">.icon-xieyejiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanneiganran"></i>
                    <div class="name">院内感染</div>
                    <div class="fontclass">.icon-yuanneiganran</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
